import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
import './App.css';

import Home from '@/pages/Home';

import Demo1 from '@/demo/demo1';
import Demo2 from '@/demo/demo2';
import Demo3 from '@/demo/demo3';

function App() {
    return (
        <div className="App">
            <BrowserRouter>
                <Routes>
                    <Route path="/" element={<Navigate to="/home" replace />} />
                    <Route path="/home" element={<Home />} />

                    <Route path="/demo1" element={<Demo1 />} />
                    <Route path="/demo2" element={<Demo2 />} />
                    <Route path="/demo3" element={<Demo3 />} />
                </Routes>
            </BrowserRouter>
        </div>
    );
}

export default App;
